
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../Hui-iconfont/1.0.8/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/jquery-weui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
	</head>
	<style type="text/css">
		.IM_top {
			height: 40px;
			width: 100%;
			position: fixed;
			top: 0px;
		}
		
		.IM_content {
			margin: 50px 0px;
		}
		
		.IM_top_txt {
			color: white;
			font-weight: bolder;
			font-size: 20px;
			line-height: 40px;
			margin-left: 20px;
		}
		
		.IM_content_people {
			border-bottom: 1px solid #eee;
			box-shadow: 0px 1px 3px #eee;
			height: 50px;
			-webkit-box-align: center;
			display: -webkit-box;
		}
		
		.IM_content_people:active {
			background: #F5F5F5;
		}
		
		.IM_content_peopleImg {
			background: #666;
			width: 30px;
			height: 30px;
			margin: 0px 20px;
		}
		
		.IM_content_peopleName {
			height: 30px;
			margin-right: 20px;
			-webkit-box-flex: 1;
			text-align: center;
		}
	</style>

	<body>
	
		<!--顶部开始-->
		<div class="IM_top top_blue">
			<span class="IM_top_txt">聊天</span>
		</div>
		<!--顶部结束-->
		<!--内容开始-->
		<div class="IM_content">
			<!--数据1-->
			<a @click='IM'>
				<div class="IM_content_people">
					<!--<div class="IM_content_peopleImg b_radus"><img class="width-100B b_radus" src="img/personal/266007025355415553.jpg"/></div>-->
					<div class="IM_content_peopleName font-size16 font_color6">进入聊天室</div>
				</div>
			</a>
		</div>
		<!--内容结束-->
		<!--底部按钮开始-->
		<div class="weui-tabbar">
			<a href="../zhihu_home/home.html" class="weui-tabbar__item weui-bar__item--on">
				<!--<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>-->
				<div class="weui-tabbar__icon .Hui-iconfont-canshu">
					<i class="Hui-iconfont Hui-iconfont-canshu"></i>
				</div>
			</a>
			<a href="../zhihu_discovery/discovery.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon ">
					<i class="Hui-iconfont Hui-iconfont-yanjing" ></i>
				</div>
			</a>
			<a href="message_home.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="Hui-iconfont Hui-iconfont-xiaoxi1" style="color: #0766C6;"></i>
				</div>
			</a>
			<a href="../zhihu_more/more.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="Hui-iconfont Hui-iconfont-menu"></i>
				</div>
			</a>
		</div>
		<!--底部按钮结束-->
	</body>
	<script src="../js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		if (sessionStorage.getItem("夜间")) {
			$("body").attr("style", "background-image: url(img/index/timg.jpg);color: white; background-size: cover;")
		}
		var vue = new Vue({
			el: "body",
			methods: {
				IM: function() {
					if (sessionStorage.getItem("id")) {
						location.href='../zhihu_message/message_jm.html'
					} else {
						$.alert("请您登录后在进入聊天室！", "未登录！");
						location.href="../zhihu_index/index.html"
						
					}
				}
			}
		})
	</script>

</html>